<template>  
<!-- 一个vue就是一个组件 -->
<!-- 只能有一个标签div，可以再div标签中写其他的标签 -->
  <div class="hello">
    <h1>{{ name }}</h1>
    <p>{{aaa}}</p>
  </div>
</template>

<script>
export default {
  // 写data代码，要写成函数的形式data():{return}，有返回return  用插值语法放入标签中
  //data是当前组件自己的数据
  // name: 'HelloWorld',
  //接受父亲(App.vue)的数据
  //props是父亲传入的数据
  data() {
    return {
      name:'11月15日',
    }
  },
  props: {
    aaa: String
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
/* 标签的样式 */
h1{
  color: #09f;
}
p{
  color: #90f;
}

</style>
